<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>发布职位</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/postPosition.css">
</head>

<body>
    <header class="tophead">
        <div class="w header">
            <div class="logo">
                <img src="image/logo.png" alt="logo">
            </div>
            <ul class="header-nav">
                <li>HR中心</li>
                <li class="nav-active">应聘管理</li>
                <li>职位管理</li>
                <li>发布职位</li>
                <li>入职管理</li>
                <li>管理系统</li>
            </ul>
            <div class="inform">
                <img src="image/inform.png" alt="通知">
            </div>
        </div>
    </header>
    <!-- 此处为版心,侧边与主板块共用-->
    <div class="w clearfix">
        <nav class="sidebar">
            <div class="sidebar-title">发布职位</div>
            <div class="sidebar-pie">
                <p class="sidebar-pie-title color">行政部</p>
            </div>
            <div class="sidebar-pie">
                <p class="sidebar-pie-title">财务部</p>
            </div>
            <div class="sidebar-pie">
                <p class="sidebar-pie-title">信息部</p>
            </div>
            <div class="sidebar-pie">
                <p class="sidebar-pie-title">基建部</p>
            </div>
            <div class="sidebar-pie">
                <p class="sidebar-pie-title">市场部</p>
            </div>
            <div class="sidebar-pie">
                <p class="sidebar-pie-title">供应链部</p>
            </div>
            <div class="sidebar-pie">
                <p class="sidebar-pie-title">法务纪律部</p>
            </div>
            <div class="sidebar-pie">
                <p class="sidebar-pie-title">
                    <span class="add"></span>
                </p>
            </div>
        </nav>
        <div class="plate">
            <div class="main-content-right">
                <div class="form-group clearfix">
                    <span class="title-text fl">职位名称</span>
                    <div class="context fl">
                        <input class="text-input" type="text">
                        <span class="info">编制3人，在职2人</span>
                    </div>
                </div>
                <div class="form-group clearfix">
                    <span class="title-text fl">职位性质</span>
                    <div class="context fl">
                        <div class="select">
                            <span class="select-text">请选择</span>
                            <span class="down-icon"></span>
                            <ul class="select-option" style="display: none;">
                                <li>经理</li>
                                <li>经理</li>
                                <li>经理</li>
                                <li>经理</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="form-group clearfix">
                    <span class="title-text fl">工作年限</span>
                    <div class="context fl">
                        <div class="input-group fl">
                            <input type="text">
                            <span>年</span>
                        </div>
                        <div class="txt fl">到</div>
                        <div class="input-group fl">
                            <input type="text">
                            <span>年</span>
                        </div>
                    </div>
                </div>
                <div class="form-group clearfix">
                    <span class="title-text fl">工作城市</span>
                    <div class="context fl">
                        <div class="select">
                            <span class="select-text">请选择</span>
                            <span class="down-icon"></span>
                            <ul class="select-option">
                                <li>武汉</li>
                                <li>广州</li>
                                <li>深圳</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="form-group clearfix">
                    <span class="title-text fl">工作地点</span>
                    <div class="context fl">
                        <div class="select">
                            <span class="select-text">请选择</span>
                            <span class="down-icon"></span>
                            <ul class="select-option">
                                <li>武汉洪山区光谷小区</li>
                                <li>武汉洪山区光谷小区</li>
                                <li>武汉洪山区光谷小区</li>
                                <li>武汉洪山区光谷小区</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="form-group clearfix">
                    <span class="title-text fl">工作薪资</span>
                    <div class="context fl">
                        <div class="input-group fl">
                            <input type="text">
                            <span>K</span>
                        </div>
                        <div class="txt fl">到</div>
                        <div class="input-group fl">
                            <input type="text">
                            <span>K</span>
                        </div>
                    </div>
                </div>
                <div class="form-group clearfix">
                    <span class="title-text fl">学历要求</span>
                    <div class="context fl">
                        <div class="select">
                            <span class="select-text">请选择</span>
                            <span class="down-icon"></span>
                            <ul class="select-option">
                                <li>专科</li>
                                <li>本科</li>
                                <li>硕士</li>
                                <li>博士</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="form-group clearfix">
                    <span class="title-text fl">任职要求</span>
                    <div class="context text fl">
                        <textarea class="text_area" name=""></textarea>
                        <span id="num" class="num"><span>0</span>/5000</span>
                    </div>
                </div>
                <div class="form-group clearfix">
                    <span class="title-text fl">岗位职责</span>
                    <div class="context text fl">
                        <textarea class="text_area" name=""></textarea>
                        <span class="num"><span>0</span>/5000</span>
                    </div>
                </div>
                <div class="release">
                    <button class="confirm" type="button">发布</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 发布职位弹框 -->
    <div class="alert-box">
        <div class="post-alert">
            <div class="close"></div>
            <div class="position-content">
                
                <p class="add-position">添加职位</p>
                <div class="pie-box">
                    <span class="pie">技术部</span>
                    <span class="pie acitve">生产部</span>
                    <span class="pie">后勤部</span>
                    <span class="pie">高管部</span>
                    <span class="pie active">技术部</span>
                    <span class="pie">技术部</span>
                    <span class="pie active">技术部</span>
                    <span class="pie">技术部</span>
                    <span class="pie">技术部</span>
                    <span class="pie">技术部</span>
                    <span class="pie active">技术部</span>
                    <span class="pie">自定义</span>
                </div>
                <div class="icon">
                    <span></span>
                </div>
            </div>
            <div class="position-content">
                <p class="add-position">添加职位</p>
                <div class="pie-box">
                    <span class="pie active">技术部</span>
                    <span class="pie">生产部</span>
                    <span class="pie active">后勤部</span>
                    <span class="pie">高管部</span>
                    <span class="pie">技术部</span>
                    <span class="pie">技术部</span>
                    <span class="pie active">技术部</span>
                    <span class="pie">技术部</span>
                    <span class="pie">技术部</span>
                    <span class="pie">技术部</span>
                    <span class="pie">技术部</span>
                    <span class="pie">自定义</span>
                </div>
                <div class="icon">
                    <span class="delete"></span>
                </div>
            </div>
        </div>
    </div>
    <!-- 删除弹框 -->
    <div class="submit-alert">
        <div class="wicket">
            <p>是否删除职位信息？</p>
            <div class="confirm-ctrl">
                <button class="btn no">取消</button>
                <button class="btn">确认</button>
            </div>
        </div>
    </div>

    <!-- 删除提交职位弹框 -->
    <div class="submit-alert">
        <div class="wicket">
            <p>是否删除提交职位信息？</p>
            <div class="confirm-ctrl">
                <button class="btn no">取消</button>
                <button class="btn">确认</button>
            </div>
        </div>
    </div>
</body>

</html>